<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String gid=request.getParameter("gid");
	String pm_sort=request.getParameter("sort");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="plug-in/jquery/jquery-1.8.3.min.js" /></script>
<link rel="stylesheet" href="css/index.css">
<title>群 组</title>
</head>
<!--头部 -->
<%@include file="head.jsp"%>

<!--main -->
<div class="luntan_13_top">
	<img src="imges/bj2.png">
</div>

<!--main -->
<div class="fenlei">
	<div class="fenlei_main">
		<div class="fenlei_top">
			<a href="index.html">
				<img src="imges/home.png"></a>&nbsp;>&nbsp;
				<a href="indexController.do?group">群组</a>
				&nbsp;>&nbsp;<a href="groupController.do?groupList&gid=${groupClass.id }">${groupClass.groupName }</a>
				<c:choose>
					<c:when test="${groupSonClass eq null }">
					</c:when>
					<c:otherwise>
						&nbsp;>&nbsp;<a href="groupController.do?groupList&gid=${groupSonClass.id }">${groupSonClass.groupName }</a>
					</c:otherwise>
				</c:choose>
		</div>
		<div class="fenlei_con">
			<div>
				<ul class="fenlei_ul">
					<c:forEach items="${groupClassList}" var="item">
						<li><a href="groupController.do?groupList&gid=${item.id }">${item.groupName }(${item.groupAccount })</a></li>
					</c:forEach>
				</ul>
				<input type="hidden" id="param" name="param" value="<%=gid %>">
				<select class="fenlei_sel" style="margin-bottom: 6px;">
					<option value="">默认排序</option>
					<option value="zts" <%="zts".equals(pm_sort) ? "selected" : "" %>>主题数</option>
					<option value="rs" <%="rs".equals(pm_sort) ? "selected" : "" %>>人数</option>
					<option value="jlsj" <%="jlsj".equals(pm_sort) ? "selected" : "" %>>建立时间</option>
					<option value="hyd" <%="hyd".equals(pm_sort) ? "selected" : "" %>>活跃度</option>
				</select> <span style=" clear:both; display:block;"></span>
			</div>
			<div style=" color:#666">
				<span style="float:left">共有${groupAccount }个群组</span> <span
					style="float:right; width:80px; text-align:center;">主题</span> <span
					style="float:right; width:80px; text-align:center;">群组成员</span> <span
					style=" clear:both; display:block;"></span>
			</div>
			<div class="fenlei_big">
				<c:forEach items="${groupList}" var="item"> 
					<div class="fenlei_div">
						<a href="groupController.do?groupDetail&sid=${item.id }">
							<div class="fenlei_left">
								<img src="imges/left_img.png" style="float:left">
								<div class="fenlei_right" style="float:right">
									<p>${item.groupName }</p>
									<p>${item.groupMemo }</p>
								</div>
								<span style=" clear:both; display:block;"></span>
							</div> 
							<span style="float:right; width:80px; text-align:center; margin-top:7px;">${item.memberAccount }</span>
							<span style="float:right; width:80px; text-align:center; margin-top:7px; color:#006fcc">${item.articleAccount }</span>
							<span style=" clear:both; display:block;"></span>
						</a>
					</div>
				</c:forEach> 
			</div>
			<div class="pgt" style="margin-top: 10px;">
				<div class="pgt_img"></div>
				<div class="pg">
					<span class="pgb"><a href="">返回首页</a></span> 
						<a href="">1</a> 
						<a href="">2</a> 
						<a href="">3</a> 
						<label>
							<input type="text" name="custompage" class="px" size="2" title="输入页码，按回车快速跳转" value="1"> 
							<span title="共 228 页"> / 3 页</span>
						</label> 
						<a href="" class="nxt">下一页</a>
				</div>
			</div> 
		</div>
	</div>

	<div style="clear:both"></div>
</div>
<!--foot -->
<%@include file="foot.jsp"%>

</body>
</html>
<script type="text/javascript">
$('.fenlei_sel').change(function(){ 
	var param=$("#param").val();
	var val=$(this).children('option:selected').val(); 
	window.location.href="groupController.do?groupList&gid="+param+"&sort="+val;//页面跳转并传参 
}); 
</script>